import { Platform, StyleSheet } from 'react-native'
import { ApplicationStyles, Colors, Metrics } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  header: {
    flexDirection: 'row',
    alignItems: 'center',
    height: Metrics.navBarHeight,
    ...Platform.select({
      ios: {
        paddingTop: 20,
        backgroundColor: 'rgb(239,239,242)',
      },
      android: {
        backgroundColor: 'white',
      }
    }),
    borderColor: 'lightgrey',
    borderBottomWidth: 1
  },
  item: {
    flexDirection: 'row',
    marginBottom: 5,
  },
  left: {
    width: '30%',
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: Colors.primary,
  },
  right: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    paddingHorizontal: 10,
    paddingVertical: 20,
    backgroundColor: 'white'
  },
  title: {
    fontSize: 16,
    color: Colors.coal,
    marginBottom: 5,
  },
  money: {
    fontSize: 18,
    color: Colors.snow,
  },
  time_item: {
    margin:5,
    paddingVertical:5,
    paddingHorizontal:10,
    borderWidth:2,
    borderColor:'transparent',
    borderRadius:10
  },
  time_item_active: {
    margin:5,
    paddingVertical:5,
    paddingHorizontal:10,
    borderWidth:2,
    borderColor:'#fdcb6e',
    borderRadius:10
  }
})
